#menudrop, #menudrop ul, #menudrop ul li,
#menudrop ul li ul, #menudrop ul li ul li {
margin:0;
padding:0;
}
.menudrop{
list-style:none;
font-weight:bold;
margin-bottom:10px;
background-color:#F00;
width:100%;
/* Forzar superposición del menú 
position:relative;
z-index:5;
Quitar el comentario si se necesita
*/
}


.header {
  position: absolute;
  top: 0px;  left: 0px; right: 0px;
  z-index: 50;
  padding-right: 60px;
  font-size: 13px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background-color: #414141;
  background-image: -webkit-linear-gradient(top, #646060, #262626);
  background-image: -moz-linear-gradient(top, #646060, #262626);
  background-image: -ms-linear-gradient(top, #646060, #262626);
  background-image: -o-linear-gradient(top, #646060, #262626);
  background-image: linear-gradient(to bottom, #646060, #262626); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646060', endColorstr='#262626',GradientType=0 );
}

.menu {
  float: left;
  padding: 0;
  margin: 0;
}
.menu li {
  padding: 0;
  float: left;
  display: block;
  color: #eeeeee;
  vertical-align: top;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;

margin-right:10px;
position:relative;  
	  
}

.menu ul{
	 box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background-color: #414141;
  background-image: -webkit-linear-gradient(top, #646060, #262626);
  background-image: -moz-linear-gradient(top, #646060, #262626);
  background-image: -ms-linear-gradient(top, #646060, #262626);
  background-image: -o-linear-gradient(top, #646060, #262626);
  background-image: linear-gradient(to bottom, #646060, #262626); 
list-style:none;
position:absolute;
left:-9999px;
	
	}
	
.menu ul li{
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background-color: #414141;
  background-image: -webkit-linear-gradient(top, #646060, #262626);
  background-image: -moz-linear-gradient(top, #646060, #262626);
  background-image: -ms-linear-gradient(top, #646060, #262626);
  background-image: -o-linear-gradient(top, #646060, #262626);
  background-image: linear-gradient(to bottom, #646060, #262626); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646060', endColorstr='#262626',GradientType=0 );
padding-top:1px; /* Separación vertical entre elementos */
float:none;
}
.menu ul a{
white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
.menu li:hover{
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background-color: #414141;
  background-image: -webkit-linear-gradient(top, #646060, #262626);
  background-image: -moz-linear-gradient(top, #646060, #262626);
  background-image: -ms-linear-gradient(top, #646060, #262626);
  background-image: -o-linear-gradient(top, #646060, #262626);
  background-image: linear-gradient(to bottom, #646060, #262626); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646060', endColorstr='#262626',GradientType=0 );
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) inset; 
}
.menu li:hover ul{
left:0; /* Submenús visibles */
}
.menu li:hover a{
  background: rgba(0, 0, 0, 0.2);
  text-shadow: black 0px 0px 3px;
  color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) inset; 
} 

.menu li a {
  display: block;
  padding: 5px 10px 7px;
  line-height: 20px;
  height: 20px;
  text-decoration: none;
  color: #eeeeee;
}

.menu .dropdown {
  position: relative;
  display: none;
}

.menu .dropdown-toggle {
  cursor: pointer;
  display: block;
  padding: 5px 10px 7px;
  line-height: 20px;
  height: 20px;
  text-decoration: none;
  color: #EEE;
  vertical-align: top;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.menu .dropdown-menu {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  padding: 4px 0;
  min-width: 140px;
  text-align: left;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background: rgba(37, 37, 37, 0.9);
  border-color: #999;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 0 1px 1px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.menu .open .dropdown-menu {
  display: block;
}

.menu .dropdown-arrow:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&darr";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 3px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.menu .dropdown-menu > li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  color: #EEE;
}

.menu .dropdown-menu > li a {
  white-space: nowrap;
  display: block;
  text-decoration: none;
  width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header .sign-in {
  margin: 0;
  position: absolute;
  right: 0px;
  height: 100%;
  border-left: solid 1px rgba(0,0,0,0.5);
  background-color: #dc5f59; /*#df6b66;*/
  background-image: -webkit-linear-gradient(top, #FC8787, #800000);
  background-image:    -moz-linear-gradient(top, #FC8787, #800000);
  background-image:     -ms-linear-gradient(top, #FC8787, #800000);
  background-image:      -o-linear-gradient(top, #FC8787, #800000);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC8787', endColorstr='#800000',GradientType=0 );
  color: #eeeeee;
}
.header .sign-in a{ 
  box-sizing: border-box;
  display: block;
  padding: 5px 10px 7px;
  line-height: 20px;
  text-decoration: none;
  color: white;
  background: transparent;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
}
.header .sign-in a:hover{
  background: rgba(0,0,0, 0.1);
  text-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset; 
}

.header .clear{
    clear: both;
}




